/*

Atom One Dark by Daniel Gamage
Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax

base:    #282c34
mono-1:  #abb2bf
mono-2:  #818896
mono-3:  #5c6370
hue-1:   #56b6c2
hue-2:   #61aeee
hue-3:   #c678dd
hue-4:   #98c379
hue-5:   #e06c75
hue-5-2: #be5046
hue-6:   #d19a66
hue-6-2: #e6c07b

*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 15px 30px;
  font-size: 16px;
  color: #abb2bf;
  background: #282c34;
  border-radius: 6px;
}

.hljs-comment,
.hljs-quote {
  color: #5c6370;
  font-style: italic;
}

.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #c678dd;
}

.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e06c75;
}

.hljs-literal {
  color: #56b6c2;
}

.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {
  color: #98c379;
}

.hljs-built_in,
.hljs-class .hljs-title {
  color: #e6c07b;
}

.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #d19a66;
}

.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #61aeee;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link {
  text-decoration: underline;
}

pre[class*=language-].line-numbers {
  position: relative;
  padding-left: 3.8em;
  counter-reset: linenumber
}

pre[class*=language-].line-numbers>code {
  position: relative;
  white-space: inherit
}

.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 100%;
  left: -3.8em;
  width: 3em;
  letter-spacing: -1px;
  border-right: 1px solid #999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.line-numbers-rows>span {
  pointer-events: none;
  display: block;
  counter-increment: linenumber
}

.line-numbers-rows>span:before {
  content: counter(linenumber);
  color: #999;
  display: block;
  padding-right: .8em;
  text-align: right
}

code[class*=language-],pre[class*=language-] {
  color: #ccc;
  background: none;
  font-family: Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none
}

pre[class*=language-] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto
}

:not(pre)>code[class*=language-],pre[class*=language-] {
  background: #2d2d2d
}

:not(pre)>code[class*=language-] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal
}

.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog {
  color: #999
}

.token.punctuation {
  color: #ccc
}

.token.attr-name,.token.deleted,.token.namespace,.token.tag {
  color: #e2777a
}

.token.function-name {
  color: #6196cc
}

.token.boolean,.token.function,.token.number {
  color: #f08d49
}

.token.class-name,.token.constant,.token.property,.token.symbol {
  color: #f8c555
}

.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector {
  color: #cc99cd
}

.token.attr-value,.token.char,.token.regex,.token.string,.token.variable {
  color: #7ec699
}

.token.entity,.token.operator,.token.url {
  color: #67cdcc
}

.token.bold,.token.important {
  font-weight: bold
}

.token.italic {
  font-style: italic
}

.token.entity {
  cursor: help
}

.token.inserted {
  color: green
}

.VJbwyy {
  position: absolute;
  top: 6px;
  right: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 32px;
  height: 24px;
  cursor: pointer;
  font-size: 14px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background-color: hsla(0,0%,90.2%,.2);
  -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,.25);
  box-shadow: 0 2px 0 0 rgba(0,0,0,.25);
  opacity: 0;
  visibility: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: opacity .2s ease-in-out,visibility .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out,visibility .2s ease-in-out;
  transition: opacity .2s ease-in-out,visibility .2s ease-in-out
}

.VJbwyy:active {
  background-color: hsla(0,0%,80%,.2);
  -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.2) inset;
  box-shadow: inset 0 1px 0 0 rgba(0,0,0,.2)
}

pre[class*=language-]:hover .VJbwyy {
  opacity: 1;
  visibility: visible
}